<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="./js/jquery-1.4.3.js"></script>
</head>
<body>
<div><ul style="list-style: none;width:100%;"><li onclick="getDetail(1);" style="float:left;border:1px solid;width:15%;text-align: center">管理员</li><li onclick="getDetail(2);" style="float:left;border:1px solid;width:15%;text-align: center">一般用户</li><li style="float:right;margin-right: 80px;"><input type="text" size="20"/>查询</li></ul></div>
	<div id="detailInfo"></div>
	<script type="text/javascript">	  
	   function getDetail(id){
	    var str = "";
	        if(1 == id){
	        	str ="<table style=\"float:left;width:100%; text-align: center\">"+
				      "<tr>"+
				         "<td style=\"width:20%\">用户名</td>"+
				         "<td style=\"margin-left: 40px;\">用户类型</td>"+
				         "<td>用户邮箱</td>"+
				         "<td>创建时间</td>"+
				         "<td>最近登录时间</td>"+
				         "<td>操作</td>"+
				         "</tr>"+
				         "<tr>"+
					         "<td style=\"width:20%\">eclipse</td>"+
					         "<td style=\"margin-left: 40px;\">exe</td>"+
					         "<td>tool</td>"+
					         "<td>xxx</td>"+
					         "<td>xxxxxx</td>"+
					    	 "<td><input type='button' value=\"添加\"/><input type='button' value=\"修改\"/><input type='button' value=\"删除\"/></td>"+
				         "</tr>"+    
				      "</tr>"+
				    "</table>";	        	
	        }else if(2 == id){
	        	str="<table style=\"float:left;width:100%; text-align: center\">"+
				      "<tr>"+
				         "<td style=\"width:20%\">用户名</td>"+
				         "<td style=\"margin-left: 40px;\">用户类型</td>"+
				         "<td>用户邮箱</td>"+
				         "<td>创建时间</td>"+
				         "<td>最近登录时间</td>"+
				         "<td>操作</td>"+
				         "</tr>"+
				         "<tr>"+
					         "<td style=\"width:20%\">eclipse</td>"+
					         "<td style=\"margin-left: 40px;\">exe</td>"+
					         "<td>tool</td>"+
					         "<td>xxx</td>"+
					         "<td>xxxxxx</td>"+
					          "<td><input type='button' value=\"添加\"/><input type='button' value=\"修改\"/><input type='button' value=\"删除\"/></td>"+
				         "</tr>"+    
				      "</tr>"+
				    "</table>";	        	
	        }
	        $("#detailInfo").html(str);
	   }
	 </script>
</body>
</html>